{% extends "base.html" %}
{% block Content %}
<div class="todo-container">
    {% for todo_item in object_list %}
        <div class="todo-item">
            <div class="todo-title">
                {{ todo_item.title }}
            </div>
            <div class="todo-description">
                {{ todo_item.description }}
            </div>
            <div class="todo-actions">
                <div class="todo-item-isdone">
                    <div class="todo-item-isdone-checkbox">
                        {% if todo_item.is_done %}
                            <input onclick="location.href='{% url "item-update" todo_item.id %}'"
                                   checked type="checkbox"/>
                        {% else %}
                            <input onclick="location.href='{% url "item-update" todo_item.id %}'"
                                    type="checkbox"/>
                        {% endif %}
                    </div>
                    <div class="todo-item-isdone-text">
                        {% if todo_item.is_done %}
                            Выполнено
                        {% else %}
                            Не выполнено
                        {% endif %}
                    </div>
                </div>
                <div class="todo-delete-item">
                    <button class="btn btn-danger"
                            onclick="location.href='{% url "item-delete" todo_item.id %}'"
                            type="button">Удалить</button>
                </div>
            </div>
        </div>
    {% endfor %}
</div>
<div class="todo-add-new">
   <button onclick="location.href='{% url "item-add" %}'" class="btn btn-success" type="button">Добавить</button>
</div>
{% endblock %}